import axios from 'axios' // 导入axios HTTP客户端库
import { useUserStore } from '@/stores/user' // 导入用户状态管理store
import { ElMessage } from 'element-plus' // 导入Element Plus的消息提示组件

// 创建axios实例
const request = axios.create({
  baseURL: 'http://localhost:8080/api', // 设置基础URL，指向后端API服务器
  timeout: 10000, // 请求超时时间：10秒
  headers: {
    'Content-Type': 'application/json' // 设置默认请求头：JSON格式
  }
})

// 请求拦截器：在发送请求之前执行
request.interceptors.request.use(
  (config) => {
    // 获取用户store实例
    const userStore = useUserStore() // 创建用户store实例
    
    // 如果用户已登录且有token，则在请求头中添加认证信息
    if (userStore.token) {
      config.headers.Authorization = `Bearer ${userStore.token}` // 添加Bearer Token到请求头
    }
    
    console.log('发送请求:', config.url) // 调试日志：记录请求URL
    return config // 返回配置对象，继续发送请求
  },
  (error) => {
    // 请求配置错误处理
    console.error('请求配置错误:', error) // 错误日志
    return Promise.reject(error) // 拒绝Promise，抛出错误
  }
)

// 响应拦截器：在接收到响应之后执行
request.interceptors.response.use(
  (response) => {
    // 请求成功处理
    console.log('请求成功:', response.config.url) // 调试日志：记录成功请求
    
    // 检查响应状态码
    if (response.status === 200) {
      return response // 返回响应对象
    } else {
      // 状态码不是200，抛出错误
      ElMessage.error('请求失败') // 显示错误消息
      return Promise.reject(new Error('请求失败')) // 拒绝Promise
    }
  },
  (error) => {
    // 请求失败处理
    console.error('请求失败:', error) // 错误日志
    
    // 获取用户store实例
    const userStore = useUserStore() // 创建用户store实例
    
    // 根据错误状态码进行不同处理
    if (error.response) {
      // 服务器返回了错误状态码
      const { status, data } = error.response // 解构错误响应
      
      switch (status) {
        case 401:
          // 未授权：清除用户信息并跳转到登录页
          ElMessage.error('登录已过期，请重新登录') // 显示错误消息
          userStore.logout() // 调用登出方法清除用户状态
          window.location.href = '/login' // 跳转到登录页面
          break
        case 403:
          // 禁止访问
          ElMessage.error('没有权限访问该资源') // 显示错误消息
          break
        case 404:
          // 资源不存在
          ElMessage.error('请求的资源不存在') // 显示错误消息
          break
        case 500:
          // 服务器内部错误
          ElMessage.error('服务器内部错误，请稍后重试') // 显示错误消息
          break
        default:
          // 其他错误状态码
          ElMessage.error(data?.message || '请求失败') // 显示服务器返回的错误信息或默认错误信息
      }
    } else if (error.request) {
      // 请求已发送但没有收到响应
      ElMessage.error('网络连接失败，请检查网络设置') // 显示网络错误消息
    } else {
      // 请求配置错误
      ElMessage.error('请求配置错误') // 显示配置错误消息
    }
    
    return Promise.reject(error) // 拒绝Promise，抛出错误
  }
)

// 导出axios实例
export default request // 导出配置好的axios实例，供其他模块使用 